<div class="page">
	<div class="navbar">
		<div class="navbar-inner sliding">
			<div class="left">
				<a href="#" class="link back">
					<i class="icon icon-back"></i>
					<span class="ios-only"></span>
				</a>
			</div>
			<div class="title">数据更新</div>
			<div class="right">

			</div>
		</div>
	</div>
	<div class="page-content">
		<script id="templateFetchInfoList" type="text/template7">
			<ul class="list">
				{{#each dataList}}
				<li id="{{@key}}">
					<p>
						<i class="f7-icons ios-only">{{icon}}</i>
						<i class="material-icons md-only">{{icon}}</i> &ensp;{{title}}
					</p>
					<div class="footer row">
						<span class="data-update-time">{{update_time}}</span>
						 <div class="preloader"></div>
						<button type="button" class="button col-20">更新</button>
					</div>
				</li>
				{{/each}}
			</ul>
		</script>
		<section id="dataUpdata">
		</section>
	</div>
	<style>
		section#dataUpdata {
			box-sizing: border-box;
			position: fixed;
			width: 100%;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			padding: 0 4rem;
		}
		
		ul>li {
			border-bottom: 1px solid #ccc;
			/*padding-bottom: 10px;*/
		}
		#dataUpdata p{
			color: #01B3E2;
			font-size: 2rem;
		}
		#dataUpdata li .preloader,li.active .data-update-time{
			display: none;
		}
		#dataUpdata li .data-update-time{
			width: 67%;
			color: #999;
		}
		#dataUpdata li.active .preloader{
			display: inline-block;
		}
		#dataUpdata button{
			background: #0E90D2;
			color: #fff;
			border-radius: 0;
			border:none;
			width: auto;
			padding: .7rem 1.2rem;
			height: auto;
			line-height: 1.2;
			font-size: 1.4rem;
		}
	</style>
</div>